{% extends 'base.html' %}

{% block title %}删除标签模板{% endblock %}

{% block extra_css %}
{% load static %}
<link rel="stylesheet" href="{% static 'css/label-ui.css' %}">
{% endblock %}

{% block content %}
<div class="container-fluid">
    <!-- 面包屑导航 -->
    <nav aria-label="breadcrumb" class="mb-4">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{% url 'assets:index' %}">首页</a></li>
            <li class="breadcrumb-item"><a href="{% url 'assets:label_template_list' %}">标签模板管理</a></li>
            <li class="breadcrumb-item active">删除模板</li>
        </ol>
    </nav>

    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="delete-card">
                <div class="text-center">
                    <i class="fas fa-exclamation-triangle warning-icon"></i>
                    <h4 class="text-danger mb-4">确认删除标签模板</h4>
                </div>
                
                <div class="alert alert-danger" role="alert">
                    <h6 class="alert-heading">
                        <i class="fas fa-warning me-2"></i>
                        警告
                    </h6>
                    <p class="mb-0">
                        您即将删除标签模板 <strong>"{{ template.name }}"</strong>。
                        此操作不可撤销，请确认您真的要删除此模板。
                    </p>
                </div>
                
                <!-- 模板信息 -->
                <div class="template-info">
                    <h6 class="mb-3">
                        <i class="fas fa-info-circle text-primary me-2"></i>
                        模板信息
                    </h6>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>模板名称：</strong>{{ template.name }}</p>
                            <p><strong>创建人：</strong>{{ template.created_by.username }}</p>
                            <p><strong>创建时间：</strong>{{ template.created_at|date:"Y-m-d H:i" }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>标签尺寸：</strong>{{ template.get_label_size_display }}</p>
                            <p><strong>页面布局：</strong>{{ template.labels_per_page }}个/页</p>
                            <p><strong>模板类型：</strong>
                                {% if template.is_public %}
                                    <span class="badge bg-info">公共模板</span>
                                {% else %}
                                    <span class="badge bg-secondary">私有模板</span>
                                {% endif %}
                                {% if template.is_default %}
                                    <span class="badge bg-success">默认模板</span>
                                {% endif %}
                            </p>
                        </div>
                    </div>
                    
                    {% if template.description %}
                        <p><strong>描述：</strong>{{ template.description }}</p>
                    {% endif %}
                    
                    <div class="mt-3">
                        <strong>配置详情：</strong><br>
                        <div class="config-item">
                            <i class="fas fa-qrcode me-1"></i>
                            <strong>二维码:</strong> {% if template.include_qr %}是{% else %}否{% endif %}
                        </div>
                        <div class="config-item">
                            <i class="fas fa-tags me-1"></i>
                            <strong>类别:</strong> {% if template.include_category %}是{% else %}否{% endif %}
                        </div>
                        <div class="config-item">
                            <i class="fas fa-building me-1"></i>
                            <strong>部门:</strong> {% if template.include_department %}是{% else %}否{% endif %}
                        </div>
                        <div class="config-item">
                            <i class="fas fa-user me-1"></i>
                            <strong>使用人:</strong> {% if template.include_user %}是{% else %}否{% endif %}
                        </div>
                        <div class="config-item">
                            <i class="fas fa-calendar me-1"></i>
                            <strong>日期:</strong> {% if template.include_date %}是{% else %}否{% endif %}
                        </div>
                        <div class="config-item">
                            <i class="fas fa-clock me-1"></i>
                            <strong>时间戳:</strong> {% if template.include_timestamp %}是{% else %}否{% endif %}
                        </div>
                    </div>
                </div>
                
                <!-- 影响说明 -->
                <div class="alert alert-warning" role="alert">
                    <h6 class="alert-heading">
                        <i class="fas fa-info-circle me-2"></i>
                        删除影响
                    </h6>
                    <ul class="mb-0">
                        <li>模板删除后，无法恢复</li>
                        <li>如果这是您的默认模板，系统将自动选择其他模板作为默认</li>
                        <li>已使用此模板打印的历史记录不会受到影响</li>
                        {% if template.is_public %}
                            <li class="text-warning"><strong>注意：</strong>这是公共模板，删除后其他用户也无法使用</li>
                        {% endif %}
                    </ul>
                </div>
                
                <!-- 确认操作 -->
                <form method="post" class="text-center">
                    {% csrf_token %}
                    <div class="d-flex justify-content-center gap-3">
                        <a href="{% url 'assets:label_template_list' %}" class="btn btn-outline-secondary btn-custom">
                            <i class="fas fa-arrow-left me-2"></i>取消
                        </a>
                        <button type="submit" class="btn btn-danger btn-custom" id="confirm-delete-btn"
                                data-confirm="最后确认：确定要删除标签模板 '{{ template.name }}' 吗？&#10;&#10;此操作将：&#10;- 删除模板记录（不可恢复）&#10;- 若为默认/公共模板将影响其他用户的选择">
                            <i class="fas fa-trash me-2"></i>确认删除
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
// 使用全局 data-confirm 模态框，无需本页额外确认逻辑
</script>
{% endblock %}